<template>
  <div class="audition181">
    <code class="code">
      <span class="color1">$</span>('<span class="color2">ul</span>').<span class="color">on</span>('<span class="color2">click</span>', <span class="color3">function</span> (<span class="color2">e</span>) {<br />
        <span class="indient"><span class="color4">console.log</span>('1: ', <span class="color3">e.target</span>)</span><br />
        <span class="indient"><span class="color4">console.log</span>('2: ', <span class="color5">e.currentTarget</span>)</span><br />
      })
    </code>
    <p><span class="color">e.target</span>表示实际起作用的那个值，比如点击到li的时候，就是li，点击到ul的时候，就是ul</p>
    <p><span class="color">e.currentTarget</span>表示绑定了事件的那个元素，比如ul， 不管点击了哪个， e.currentTarget都是ul</p>
  </div>
</template>

<script>
export default {
  name: 'Audition181'
}
</script>

<style>

</style>